<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>个人简介</title>
    <script src="https://www.jq22.com/jquery/jquery-1.10.2.js"></script>
    <script src="js/LoopSlider.js"></script>
    <link rel="stylesheet" href="css/style.css" />
    <link href="css/index.css" rel="stylesheet" type="text/css"/>
</head>
<body>
<div class="container">
    <div class="header">
        <div></div>
        <div class="search">
            <input type="search" placeholder="搜索其实很简单">
        </div>
    </div>
    <div class="bg">
        <img src="images/1.jpg"/>
    </div>
    <div class="tab">
        <!--头部-->
        <div class="tab_header">
            <ul>
                <li class="selected">Author</li>
                <li>Gallery</li>
                <li>Introduction</li>
            </ul>
        </div>
        <!--内容-->
        <div class="tab_content">
            <div class="dom" style="display: block;">
                <div class="top">
                    <img src="images/2.jpg" alt=""/>
                    <div class="article">
                        My name is Wei Yanfeng. My major is industrial design. I am now studying at NSCAD. I used to major in sketching. I am good at hand-drawing. I like to study the works of masters of art, and at the same time I often copy the works of masters, which I think is very helpful to me. I really like drawing people's heads because it can enhance my image. I also like to design various game characters, which is very interesting. The above is my personal profile, I hope everyone likes it.
                    </div>
                </div>
            </div>
            <div class="dom">
                <div class="content">
                    <img src="images/3.jpg" alt=""/>
                    <img src="images/4.jpg" alt=""/>
                    <img src="images/5.jpg" alt=""/>
                    <img src="images/6.jpg" alt=""/>
                    <img src="images/7.jpg" alt=""/>
                </div>
                <script>
                    LoopSlider.init({
                        el: ".content", //选择器
                        navigator: {
                            //前进后退按钮
                            prevEl: ".prev",
                            nextEl: ".next"
                        },
                        easing: "ease", //动画效果cubic-bezier(0.985, -0.060, 0.000, 1.320)
                        duration: 1000, //过渡时间，默认为3000ms,
                        autoplay: 3000, //boolean 和 number 设置为true 默认延时为3s,如果设置为1000，延时为1s
                    })
                </script>
            </div>
            <div class="dom">
                <div class="article article1">
                    <div class="text">
                        Sketch is a kind of visual art and plastic art that uses drawing tools to express on two-dimensional materials. Its purpose is to create three-dimensional shapes on two-dimensional drawing paper. The tools used include pencils, graphite, crayons, ink, charcoal, chalk, markers, erasers, etc., as well as electronic drawing. The most common carrier for sketching is paper, and other materials such as cardboard, plastic, leather, wood, canvas, etc. can all be used [1].
                    </div>
                    <div class="text">
                        For the purpose of sketch expression, sketching is generally used as a basic drawing exercise to improve modeling ability and observe details, or as a pre-creation arrangement or partial draft exercise, material collection method, and practice object image, dynamics, sense of volume, and texture. , Shading, space, color, proportion, composition, uniform change, density, etc. Most painters have a prototype of painting before they work on an oil painting or mural. This simple prototype painting with a few strokes is a sketch. Sketches are rarely used to make finished products, but some painters use this kind of painting. The finished painting is different from the draft, because this kind of sketch is based on the basic skills of drawing the prototype, and then adds the description of the detailed light and shadow changes. The purpose of such a sketch is also to serve as a visual record of the painter.
                    </div>
                    <div class="text">
                        In terms of expressive skills, sketching is different from watercolors and oil paintings, but is more important than line expression. The thickness of the line is used to describe the lightness and darkness of the object, and there is no need to worry about the color value of the object details. The picture uses light and shade. The light and shadow are used to highlight the theme, but because of the loss of the consideration of chromaticity, the sketch is very detailed in the tone of light and shade, and the three-dimensional feeling of the object can be displayed in different subtle light and dark changes.
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<script src="js/index.js"></script>
<script>

</script>
</body>
</html>